/* CSS Document */
@import "boot.css";
@import "common.css";
html,body{
    font-size: 12px;
}

.btn{
    border-radius: 2px;
}

.form-control{
    border-radius: 2px;
    font-size: 12px;
}
.btn-primary,.btn-primary:disabled{
    background-color: #0098CE;
    border-color: #0098CE;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active{
    background-color: #008FBF;
    border-color: #008FBF;
    box-shadow: none;
}

a:link,a:active{
    color: #333;
}
textarea{
    line-height: 1.2;
}

select{
    line-height: 1 !important;
}

.breadcrumb{
    padding: 10px 15px;
}

.breadcrumb .breadcrumb-item{
    color: #666;
}

.breadcrumb .active{
    color: #000;
}

.page-item.active .page-link{
    background-color: #0098CE;
    border-color: #0098CE;
}

.content-div{
    display:block;
    margin:10px 0;
}

.search-container .row{
    clear: both;
    margin: 10px 0;
}
.search-container .row .cell{
    width: 33.3333%;
    float: left;
}
.search-container .row .cell .label{
    width: 90px;
    text-align: center;
    font-size: 12px;
    float: left;
    height: 28px;
    line-height: 28px;
    color: #666;
    font-weight: normal;
}
.search-container .row .cell .field{
    margin-left: 91px;
}

.tabs-container{
    display: block;
    clear: both;
    margin: 16px 0;
    position: relative;
}

.tabs-container .nav-item {
    margin-right: 5px;
}

.tabs-container .nav-item .active{
    font-weight: bold;
    color: #000;
}

.tabs-container .nav-link{
    padding: 7px 20px;
}

/*控制栏*/
.console-title{
    display:block;
    margin-bottom:20px;
    line-height: 1;
}
.console-title h2{
    font-size: 18px;
    font-weight: 500;
    float: left;
    line-height: 1;
    padding-top: 2px;
}

.listtable{
    border: 1px #e1e6eb solid;
    border-radius: 2px;
    border-collapse: inherit;
}
.listtable td,.listtable th{text-align:left; font-size:12px; word-break: break-all; word-wrap: break-word;}
.listtable td .title{font-size:12px; font-weight:400; line-height:1.1;}
.listtable td .info{font-size:10px; color:#999; display:block; margin-top:5px;}
.listtable td .pic{width:50px; height:50px; float:left; border-radius:100%; background-size:cover;}
.listtable td .pic img{width:100%; height:100%; display:block; border-radius:100%;}
.listtable thead th{background-color:#f5f6fa; padding: 8px; color: #888; font-weight: normal;}
.listtable tbody td,.listtable tbody th{border-top:1px #e1e6eb solid; padding: 12px 8px;}
.listtable tbody tr:hover td,.listtable tbody tr:hover th{background-color:#FeFeF0;}
.listtable tfoot td,
.listtable tfoot th{background-color:#f5f6fa; border-top:1px #e1e6eb solid; padding: 12px 8px;}
.listtable .head-first{padding-left:10px;}
.listtable .first{padding-left:10px;}
.listtable .avatar{border-radius: 50%;}
.listtable label{margin-right: 5px;}
.listtable .align-center{text-align: center;}
.listtable .align-right{text-align: right;}
.listtable .cat-level{
    background-image: url("../images/admin/join.png");
    background-position: left center; float: left;
    background-repeat: repeat-x; height: 26px;
}
.listtable .cat-level-2{padding-left: 30px;}
.listtable .cat-level-3{padding-left: 60px;}
.listtable h3.title{font-size: 14px; display: block; margin-bottom: 5px;}
.listtable .subtitle{font-size: 12px; display: block; color: #777;}
.listtable .subtitle a{color: #777;}
.listtable .subtitle a:hover{text-decoration: underline;}
.listtable .catlog{background: url("../images/admin/join.png") left center no-repeat; padding-left: 30px;}
.listtable .addnew-wrap{
    background-image: url("../images/admin/gou.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 32px;
}

.listtable .actions a{
    margin-right: 5px;
}
.listtable label{
    margin: 0 3px 0 0;
}

.formtable{
    width: 100%;
    box-sizing: border-box;
}
.formtable td,.formtable th{
    padding:10px 0;
    text-align:left;
    vertical-align: middle;
}
.formtable .cell-label{
    text-align:right;
    padding-right:10px;
    font-weight: 500;
}
.formtable .cell-input{

}
.formtable .cell-tips{
    color: #666;
    padding-left: 15px;
}

.formtable .label, .formtable label{
    margin: 0;
    padding-right: 15px;
}

.formtable li{
    padding: 5px 0;
    line-height: 1;
}

.post-images{
    display: block;
}

.post-images .post-image-item{
    display: block;
    margin-bottom: 10px;
}

.post-images .post-image-item .image{
    width: 100px;
    height: 100px;
    margin-right: 10px;
    float: left;
}

.post-images .post-image-item .image-desc{
    width: 500px;
    float: left;
    margin-right: 10px;
}

.post-images .post-image-item .delete{
    font-size: 18px;
}

.sysmessage{
    display: block;
    margin: 0 auto;
    width: 60%;
    padding: 150px 0;
}

.sysmessage .message{
    text-align: center;
}

.sysmessage .success{
    color: #3E753F;
}

.sysmessage .infomation{
    color: #34708E;
}

.sysmessage .warning{
    color: #896C3F;
}

.sysmessage .error{
    color: #A74544;
}

.sysmessage .tips{
    display: block;
    margin: 20px 0;
}

.sysmessage .links{
    display: block;
}

.sysmessage .links a{
    margin: 0 5px;
}
